<div class="showDataMain" v-loading="loading">
    <div :class="'addButton '+(this.disabled?'disabledAddButton':'')" v-if="count<0 || (count>=0&&value.length<count)" @click="onSelected()">
        <i class="el-icon-circle-plus-outline"></i>
        <div class="t">添加优惠券</div>
    </div>
    <div class="mainBox">
        <Draggable :class="'ul ' +(count<0 || (count>=0&&value.length<count))" tag="div" v-model="dataList"
            :disabled="disabled" ghostClass="ghost" @end="endDraggable" :animation="200" group="people">
            <div class="li" v-for="(item,index) in dataList">
                <div class="top">
                    <template v-if="item.couponType==1">
                        <div class="name">代金券</div>
                        <div class="discoun">
                            <div class="s2">￥</div>
                            <div class="s1">{{item.discountAmount}}</div>
                        </div>
                    </template>
                    <template v-if="item.couponType==2">
                        <div class="name">折扣券</div>
                        <div class="discoun">
                            <div class="s1">{{item.discountAmount}}</div>
                            <div class="s2">折</div>
                        </div>
                    </template>
                    <template v-if="item.couponType==3">
                        <div class="name">兑换券</div>
                    </template>
                </div>
                <div class="bottom">
                    <div class="use">满{{item.useOrderAmount}}元可用</div>
                    <div class="del" @click="deleteItem(item.id)" v-if="!disabled"><i class="el-icon-delete"></i></div>
                </div>
            </div>
        </Draggable>
    </div>
</div>